/*
 * @Description: 宽度样式
 * @Author: linpan(45650368@qq.com)
 * @Date: 2022-11-23 14:49:20
 * @LastEditors: vusui 45650368@qq.com
 * @LastEditTime: 2023-08-23 20:30:41
 * @WebSite: https://vusui.com
 * @Copyright: 2017-present The Vusui Authors
 * @Readme: 开源不易，且用且珍惜！
 */
// @use "sass:math";

/*------------------------------
 * 百分比 & vw
 *------------------------------
*/
$numberList: 5 10 15 20 25 30 35 40 45 50 55 60 65 70 75 80 85 90 95 100;
@for $i from 1 through length($numberList) {
  #{$v}w-#{nth($numberList, $i)} {
    width: #{nth($numberList, $i) * 1%};
  }
  #{$v}vw-#{nth($numberList, $i)} {
    width: #{nth($numberList, $i)}vw;
  }
}

/*------------------------------
 * 像素
 *------------------------------
*/
$numberList2: 1 2 3 4 5 6 7 8 9 10 12 14 15 16 18 20 22 24 25 26 28 30 32 34 35
  36 38 40 42 44 45 46 48 50 52 54 55 56 58 60 62 64 65 66 68 70 72 74 75 76 78
  80 82 84 85 86 88 90 92 94 95 96 98 100 110 120 130 140 150 160 170 180 190
  200 220 240 250 260 280 300 320 340 350 360 380 400 420 440 450 460 480 500
  520 540 550 560 580 600 620 640 650 660 680 700 720 740 750 0;
@for $i from 1 through length($numberList2) {
  #{$v}w-px-#{nth($numberList2, $i)} {
    width: #{nth($numberList2, $i) * 2}rpx;
  }
}

/*------------------------------
 * 其他
 *------------------------------
*/
#{$v}w-0 {
  width: 0;
}
#{$v}w-atuo {
  width: auto;
}
#{$v}w-min-auto {
  min-width: auto;
}
#{$v}w-max-auto {
  max-width: auto;
}
